<template>
	<view class="awaitSalesReturn">
		<zhu-nav-bar title="订单详情" bgColor="#fff" leftColor="#000" sizeColor="#111"></zhu-nav-bar>
		<view class="awaitSalesReturn-plate-1">
			<order-state :iconUrl="require('@/static/img/orderHome/tuihuo-icon.png')" orderState="请处理退货申请" endTime="8天23小时59分" :is_border="false"></order-state>
		</view>
		<view class="awaitSalesReturn-plate-2">
			<view class="title">
				请及时联系买家协商退货事宜
			</view>
			<view class="border">
				<view class="border-solid">
					
				</view>
			</view>
			<view class="content">
				<text>·如果您同意，请点击“同意退货”，将正确退货地址给买家。</text>
				<text>·如果您拒绝，买家可以联系服介入</text>
				<text>·如您逾期未处理，系统会自动将当前交易的门店地址发给买家。</text>
			</view>
			<view class="btm-btn">
				<view class="btn">
					拒绝申请
				</view>
				<navigator url="salesReturnAddress/salesReturnAddress" hover-class="none" open-type="navigate">
					<view class="btn blue">
						同意退货
					</view>
				</navigator>

			</view>
		</view>
		<view class="awaitSalesReturn-plate-3">
			<order-goods :goodsImgUrl="require('@/static/img/financial/financial-top-bg.png')" goodsName="babycare儿童点读笔通用英语学习
			点读机幼儿小孩早教故事机益智"
			 goodsDesc="点读笔16G+5张挂卡+16本书" goodsPrice="339.00" goodsNum="1"></order-goods>
			 <zhu-txt title="退款原因" desc="规格拍错/不喜欢"></zhu-txt>
			 <zhu-txt title="退款金额" desc="￥339.00"></zhu-txt>
			 <zhu-txt title="申请数量" desc="1"></zhu-txt>
			 <zhu-txt title="申请时间" desc="2020-12-14 16:58:32"></zhu-txt>
			 <zhu-txt title="退款编号" desc="545646798454651"></zhu-txt>
		</view>
	</view>
</template>

<script>
	import zhuNavBar from '@/pages/components/zhuNavBar.vue'
	import orderGoods from '@/pages/components/orderGoods.vue'
	import orderState from '@/pages/components/orderState.vue'
	import zhuTxt from '@/pages/components/zhuTxt.vue'
	export default {
		data() {
			return {
				
			};
		},
		components:{
			zhuNavBar,
			orderGoods,
			orderState,
			zhuTxt
		}
	}
</script>

<style lang="scss" scoped>
.awaitSalesReturn{
	width: 100vw;
	min-height: 100vh;
	background-color: #F9F9F9;
	.awaitSalesReturn-plate-1{
		padding-top: $hegiht-top;
		background-color: #fff;
		padding-left: 30rpx;
		padding-right: 30rpx;
	}
	.awaitSalesReturn-plate-2{
		background-color: #fff;
		margin-top: 30rpx;
		.title{
			height: 87rpx;
			padding: 0 30rpx;
			display: flex;
			align-items: center;
			color: #333;
			font-size: 30rpx;
		}
		.content{
			padding: 0 30rpx;
			display: flex;
			flex-direction: column;
			font-size: 24rpx;
			font-weight: 500;
			color: #999999;
			text{
				line-height: 30rpx;
			}
		}
		.btm-btn{
			display: flex;
			align-items: center;
			justify-content: flex-end;
			background-color: #fff;
			height: 110rpx;
			padding: 0 30rpx;
			.btn{
				padding: 13rpx 30rpx;
				background: #ffffff;
				border: 1px solid #999999;
				border-radius: 25rpx;
				font-size: 24rpx;
				font-weight: 500;
				color: #333333;
				margin-left: 30rpx;
			}
			.blue{
				color: $zhuti-color;
				border: 1px solid $zhuti-color;
			}
		}
	}
	.awaitSalesReturn-plate-3{
		padding: 30rpx 0;
		background-color: #fff;
		margin-top: 10rpx;
	}
}
</style>
